$(document).ready(function(){
    $.ajax({
        url: '/person',
        type: 'get',
        data:"",
        dataType: 'json',
        error: function (error) {
            console.log(error);
            alert(error);
        },
        success: function (data) {
            $("#chose_timu").html("");
            var tableStr = "<table>";

            tableStr = tableStr + "<thead><th>编号</th><th>论文名</th><th>导师</th><th>论文信息</th><th>可选</th></thead>";
            for (var i = 0; i < data.length; i++) {
                tableStr = tableStr + "<tr><td>" + data[i].num + "</td>" + "<td>" + data[i].name + "</td>" + "<td>" + data[i].teacher + "<td>" + data[i].info + "</td><td><button class='btn btn-info btn-xs' id='"+data[i].num+"'>选择<tton></td></tr>";
            }
            tableStr = tableStr + "</table>";
            //将动态生成的table添加的事先隐藏的div中.
            $("#chose_timu").html(tableStr);
        }
    })})


$(document).on("click","#1",function(){
    if( $('#1').hasClass('btn-info')){
        $.ajax({
            url: '../static/js/data.json',
            type: 'post',
            data:"",
            dataType: 'json',
            error: function (error) {
                console.log(error);
                alert(error);
            },
            success: function (data) {
                $('#1').text('已选择');
                $('#1').removeClass('btn-info');
                $('#1').addClass('btn-danger');
            }
        })
    }
    if($('#1').hasClass('btn-danger')){
        $.ajax({
            url: '/person',
            type: 'post',
            data:"",
            dataType: 'json',
            error: function (error) {
                console.log(error);
                alert(error);
            },
            success: function (data) {
                $('#1').text('选择');
                $('#1').removeClass('btn-danger');
                $('#1').addClass('btn-info');
            }
        })
    }

})